import React, { Component } from 'react';
import IceContainer from '@icedesign/container';
// import DataBinder from '@icedesign/data-binder';
import TabSelect from '../../components/TabSelect/TabSelect';
import LineChart from './components/LineChart'
import './payDebt.scss';
import { GetUrlParam } from '../../baseConfig';


const clsPrefix = 'payDebt';
// TODO: 替换成自己的数据
// @DataBinder({
//   RDChartData: {
//     url: 'https://goldeye.cfbond.com/cattle/jianda_overiew',
//     type: 'get',
//     defaultBindingData: {}
//   },
// })

class payDebt extends Component {

  constructor(props) {
    super(props);
    this.state = {
        LineChart:"LineChart",
        content:''
    };
    // 输入框
    this.value = '';
  }

  render() {
    const tabs = [{
        tab: "资产负债率",
        des: "计算公式：资产负债率=总负债/总资产 。 该指标被用以衡量企业利用债权人提供资金进行经营活动的能力,以及反映债权人发放贷款的安全程度。",
        key: 0
    },{
        tab: "流动比率",
        key: 1,
        des: "流动比率也称营运资金比率（Working Capital Ratio），是公司短期偿债能力的一个衡量指标。流动比率假设全部流动资产都可用于偿还流动负债，表明每一元流动负债有多少流动资产作为偿债保障。流动比率是相对数，排除了公司规模的影响，更适合同行业比较以及本公司不同时期的纵向比较。一般认为，生产型公司的流动比率应在2以上比较理想。但这一标准仅为参考，并不适用于所有公司。"
    },{
        tab: "速动比率",
        key: 2,
        des: "速动资产是流动资产的一个子集，包含一些变现性更好的流动资产，如货币资金、交易性金融资产和各类应收款项等。速动资产拥有更高的偿债确定性。速动比率是衡量公司可立即偿还流动负债能力的一个指标。速动比率假设全部速动资产都可用于偿还流动负债，表明每一元流动负债有多少速动资产作为偿债保障。一般的经验认为，公司速动比率在1及以上时，公司拥有相对理想的短期偿债能力。"
    },{
        tab: "流动资产/总资产",
        key: 3,
        des: "流动资产是指公司可以在一年或者超过一年的一个营业周期内变现或者运用的资产。资产流动性则是用来反映公司在产生营收过程中主要是由哪一类资产驱动的。该指标的大小反映了公司现有运营状况下资产产生营业收入的模式，同时可以使用同行业的该指标进行辅助判断目标公司的运营模式是否存在异常。"
    },{
        tab: "商誉/总资产",
        key: 4,
        des: "商誉是指能在未来期间为公司经营带来超额利润的潜在经济价值，或一家公司预期的获利能力超过可辨认资产正常获利能力（如社会平均投资回报率）的资本化价值。在公司对外进行兼并活动时，如果购买外部公司的投资成本超过被并公司净资产公允价值，则差额计为商誉。某公司商誉占其资产总额的比率越大，面临商誉减值损失的概率会相对更大，财务风险敞口也相对更大。"
    },{
        tab: "有形资产/总资产",
        key: 5,
        des: "有形资产包括企业的资金、资源、产品、设备、装置、厂房、人才信息等一切生产要素。有形资产就是有一定实物形态的资产。某公司有形资产占其资产总额的比率代表了该公司产生营业收入活动的某种资产模式，该指标的同行业比较分析可以辅助判断目标公司经营模式是否存在异常。"
    },{
        tab: "流动负债/负债合计",
        key: 6,
        des: "流动负债率反映了目标公司的负债结构。该指标越大，说明目标公司相较于长期负债，更加依赖于短期负债。一般来说，该指标被用来进行某公司历史维度的纵向比较时，如果其比率不断攀升，说明目标公司越来越依赖于短期负债进行经营活动，短期偿债压力相对增大。该指标需结合公司短期有息负债变动进行整体研判。"
    },{
        tab: "经营活动产生的现金流量净额/流动负债",
        key: 7,
        des: "上述指标反映了在核算期内，目标公司经营产生的现金流对于当期公司流动负债的覆盖能力。该指标越小，说明目标公司短期偿债压力增大，近期经营性活动相较于短期负债来说产生的现金或利润不足。一般而言，该比率中的流动负债采用期末数而非平均数，因为实际需要偿还的是期末金额，而非平均金额。该指标用于目标公司历史维度的纵向比较时，可以辅助分析公司经营活动与短期负债经营活动是否存在恶化趋势。"
    },{
        tab: "经营活动产生的现金流量净额/负债合计",
        key: 8,
        des: "经营活动产生的现金流量净额/负债合计指标反映了在核算期内，目标公司经营产生的现金流对于该公司总负债的覆盖能力。该指标可辅助经营活动产生的现金流量净额/流动负债指标，共同对公司的整体偿债能力进行评估。"
    },{
        tab: "已获利息倍数（EBIT/利息费用）",
        key: 9,
        des: "该指标表示目标公司在一定盈利下支付债务利息的能力。相较于前面的指标，该指标更加关注公司短期内是否存在偿债困难。如果该指标连年下滑，说明目标公司的盈利水平相较于其承担的应付利息是逐渐不足的。需要注意的是，在利用这个指标时应该注意到会计上是采用权责发生制来核算收入和费用的，因此需结合公司现金流量实际情况交叉判断。"
    }];

    let chartContent = [];
    for(let i=0;i<tabs.length;i++){
        chartContent.push((
            <div>
                <LineChart stockCode={GetUrlParam("secu_code")} numbers={this.state.numbers} chartType="偿债能力"   des={tabs[i].des} chartName={tabs[i].tab} />
            </div>
        ))
    }

    return (
      <div className={`page-${clsPrefix}`}>
        <IceContainer style={{borderRadius:'0'}}><TabSelect tabs={tabs} content={chartContent}/></IceContainer>
      </div>
    );
  }
}

export default payDebt;
